$(function () {
  /* 
  1.查询所有的文章类别
  2.新增分类（难点）
  3.编辑分类（难点）
  3.删除分类
   */
  getGroylist();
  //1.查询所有文章
  function getGroylist() {
    $.ajax({
      method: 'get',
      url: BigNew.category_list,
      data: {},
      success: (res) => {
        const html = template('cata_item', { list: res.data });
        $('tbody').html(html);
      }
    })
  }


  //新增文章
  $('#addbtn').click(() => {
    //获取数据
    const name = $('#name').val().trim();
    const slug = $('#slug').val().trim();
    //判断是否为空值
    $.ajax({
      method: 'post',
      url: BigNew.category_add,
      data: { name, slug },
      success: (res) => {
        if (res.code == 201) {
          getGroylist();
          $('#myModal').modal('hide');
          //新增成功 清空输入框
          $('#name').val('');
          $('#slug').val('');
        }
      },
      error: () => {
        alert('新增失败');
      }
    })
  });





  //使用Boostrap的显示与隐藏 (编辑功能)
  $('#myModal').on('show.bs.modal', function (e) {
    //console.log(e);
    const targetText = $(e.relatedTarget).text().trim();
    //console.log(targetText);
    if (targetText == '新增分类') {
      $('#addbtn').show();
      $('#editBtn').hide();
      $('#name').val('');
      $('#slug').val('');
    } else if (targetText == '编辑') {
      $('#addbtn').hide();
      $('#editBtn').show();

      //找到点击元素的父元素，点击编辑时，把内容显示在模态框
      //console.log($(e.relatedTarget).parents('tr').children());
      const name = $(e.relatedTarget).parents('tr').children().eq(0).text();
      const slug = $(e.relatedTarget).parents('tr').children().eq(1).text();

      $('#name').val(name);
      $('#slug').val(slug);
      //console.log($(e.relatedTarget).attr('data-id'));
      const id = $(e.relatedTarget).attr('data-id');
      //把列表的编辑按钮id设置到模态框编辑按钮中
      $('#editBtn').attr('data-id', id);

    }

  })




  //编辑功能（模态框中的新增按钮）
  $('#editBtn').click(() => {
    const id = $('#editBtn').attr('data-id');
    //console.log(id);
    const name = $('#name').val().trim();
    const slug = $('#slug').val().trim();
    if (name == '' || slug == '') {
      return alert('内容不允许为空');
    }
    $.ajax({
      method: 'post',
      url: BigNew.category_edit,
      data: {
        id,
        name,
        slug,
      },
      success: (res) => {
        //console.log(res);
        if (res.code == 200) {
          getGroylist();
          $('#myModal').modal('hide');
        }
      },
      error: () => {
        alert('分类或者别名重复');
      }
    })
  });






  //删除文章
  $('tbody').on('click', '.btn-danger', function () {
    const id = $(this).attr('data-id');
    //console.log(id);
    $.ajax({
      method: 'post',
      url: BigNew.category_delete,
      data: {
        id,
      },
      success: (res) => {
        //console.log(res);

        getGroylist();
        //window.location.reload();

      }
    })
  });

});